<div class="product"     infiniteScroll
    [infiniteScrollDistance]="2"
    [infiniteScrollThrottle]="50"
    (scrolled)="onScroll()"
    [scrollWindow]="false">
  <nz-list
    [nzDataSource]="data"
    [nzRenderItem]="item"
    [nzGrid]="{gutter: 16,xs: 12, sm: 12, md: 8, lg: 8, xl: 6 }">
    <ng-template #item let-item>
      <nz-list-item [nzContent]="nzContent">
        <ng-template #nzContent>
          <a [routerLink]="['/product',item.title]" [queryParams]="{img:item.img,intro:item.intro,price:item.price}">
          <nz-card [nzTitle]="item.title">
            <div class="productMain">
            	<span class="price"><b>{{item.price}}</b>元</span>
            	<div class="img">
            		<img src="{{item.img}}" alt="{{item.title}}">
            	</div>
            	<div class="intro">
            		<p>{{item.intro}}</p>
            	</div>
            </div>
          </nz-card>
          </a>
        </ng-template>
      </nz-list-item>
    </ng-template>
  </nz-list>
</div>